<template>
  <div>
      <div class="infor">
        <div>
          <ul>
            <li>购物指南</li>
            <li>购物流程</li>
            <li>会员介绍</li>
            <li>生活旅行</li>
            <li>常见问题</li>
            <li>大家电</li>
            <li>联系客服</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>配送方式</li>
            <li>上门自提</li>
            <li>限时达</li>
            <li>配送服务查询</li>
            <li>配送费收取标准</li>
            <li>同城配送</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>支付方式</li>
            <li>货到付款</li>
            <li>在线支付</li>
            <li>分期付款</li>
            <li>公司转账</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>售后服务</li>
            <li>价格保护</li>
            <li>退款说明</li>
            <li>返修/退还货</li>
            <li>售后政策</li>
            <li>取消订单</li>
          </ul>
        </div>
        <div>
          <ul>
            <li>特色服务</li>
            <li>DIY</li>
            <li>妆扮大全</li>
            <li>你问我打</li>
            <li>免费出行</li>
            <li>延保服务</li>
          </ul>
        </div>
      </div>
      <div class="autowe">
        <ul>
          <li>关于我们</li>
          <li>联系我们</li>
          <li>联系客服</li>
          <li>合作招商</li>
          <li>帮助中心</li>
          <li>友情链接</li>
          <li>隐私政策</li>
          <li>风险检测</li>
        </ul>
        <p>版权所属：绝顶聪明</p>
      </div>
  </div>
</template>

<script>
export default {
  data () {
    return {}
  }
}
</script>
<style lang="less" scoped>

.infor{
  width: 700px;
  margin: auto;
  display: flex;
  justify-content: space-between;
  div{
    margin: 30px 0px;
    color: rgba(81, 133, 132, 0.765);
    font-size: 6px;
    li{
      margin: 10px;
    }
    li:first-child{
      margin-bottom: 20px;
      font-size: 15px;
      color: black;
      font-weight: 600;
    }
  }
}
.autowe{
  width:60vw;
  height: 100px;
  border-top: 1px solid darkgray;
  margin: auto;
  font-size: 6px;
  ul{
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    padding: 0 90px;
    li{
      padding-right: 15px;
      border-right: 1px solid;
    }
    li:last-child{
      border-right: 0px;
    }
  }
  p{
    float: right;
    margin-top: 30px;
    color: rgba(163, 157, 149, 0.866);
  }
}
</style>
